diff options
| author | Martin Kagamino Lehoux <martin@lehoux.net> | 2026-09-12 22:26:09 +0200 |
|---|---|---|
| committer | Martin Kagamino Lehoux <martin@lehoux.net> | 2026-09-12 22:26:09 +0200 |
| commit | 2a7c4f969874b850e30170f3aef5b578677220b0 (patch) | |
| tree | 7fafc0aaf017d4f045cedd92a6fa2d55024fb63d /src/routes/projects/[projectId] | |
| parent | 5f0a73920034741236034ed7a721c68eceb8ab82 (diff) | |
Scope badges, titles, and one-off styles; add Button outline
ScoreBadge/StatusBadge carry their own color scales, no
bg-*/text-* globals. SectionTitle unifies category-name and
section-title dupes (h2/h3 via level prop). Grocery add-bar
buttons use Button, new outline variant for the secondary
action. save-status moves into its only page. Delete dead
globals and page overrides.
Diffstat (limited to 'src/routes/projects/[projectId]')
| -rw-r--r-- | src/routes/projects/[projectId]/routine/[routineId]/+page.svelte | 16 |
1 files changed, 3 insertions, 13 deletions
diff --git a/src/routes/projects/[projectId]/routine/[routineId]/+page.svelte b/src/routes/projects/[projectId]/routine/[routineId]/+page.svelte index 55185cc..ea292ae 100644 --- a/src/routes/projects/[projectId]/routine/[routineId]/+page.svelte +++ b/src/routes/projects/[projectId]/routine/[routineId]/+page.svelte @@ -11,6 +11,7 @@ computeHealthSeries, } from '$lib/shared/routine-metrics'; import { formatDayMonth, formatDayMonthYear } from '$lib/shared/temporal'; + import SectionTitle from '$lib/components/SectionTitle.svelte'; let { data, form } = $props(); let name = $state(''); let frequency = $state(''); @@ -125,7 +126,7 @@ </form> {/if} - <h2 class="section-title">Santé</h2> + <SectionTitle>Santé</SectionTitle> <div class="form-card chart-card"> <HealthChart {series} @@ -150,7 +151,7 @@ {/if} </div> - <h2 class="section-title">Historique</h2> + <SectionTitle>Historique</SectionTitle> {#if !data.routine.archived} <form class="form-card form-card--compact add-completion" @@ -216,17 +217,6 @@ font-family: inherit; } - .section-title { - font-size: 0.75rem; - font-weight: 700; - text-transform: uppercase; - letter-spacing: 0.08em; - color: var(--accent); - margin: 1.5rem 0 0.5rem; - padding-left: 0.5rem; - border-left: 3px solid var(--accent); - } - .archived-badge { margin: 0 0 1rem; color: var(--text-secondary); |